$(function(){
    /* 需求1:校验表单 */
    let form=layui.form
    form.verify({
        nickname:[
            /^[\S]{1,10}$/,
            '昵称的长度为1-10个字符'
        ]
    })

    /* 需求2:发送axios获取信息 */
    /* 封装成函数 */
    let layer=layui.layer
    initUserInfo()
    function initUserInfo(){
        axios({
            method:'get',
            url:'/my/userinfo'

        }).then(({data:res})=>{
            /* console.log(res); */
            /* 判断 */
            if(res.status!==0){
                return layer.msg(res.message)
            }
            /* 根据官网,为form表单赋值  内置模块->表单->表单赋值/取值 */
            form.val('formUserInfo',res.data)
        })
    }


    /* 需求三:重置 */
    /* $('form').on('reset',function(e){

    }) */
    $('#btnReset').on('click',function(e){
        /* 阻止表单默认提交 */
        e.preventDefault()
        /* 重新渲染 */
        initUserInfo()
    })

    /* 需求四:修改用户信息 */
    $('#formUserInfo').on('submit',function (e) {
        e.preventDefault()
        axios({
            method:'POST',
            url:'/my/userinfo',
            data:$(this).serialize()
        }).then(({data:res})=>{
            if(res.status!==0){
                return layer.msg(res.message)
            }
            layer.msg('恭喜您,修改成功')
            /* 直接调用无效,因为不是一个window对象 */
            window.parent.getUserinfo()
        })
    })
})